{{ $featured_image := partials.Include "func/GetFeaturedImage.html" . }}
{{ if $featured_image }}
  {{/* Trimming the slash and adding absURL make sure the image works no matter where our site lives */}}
  {{ $featured_image_class := site.Params.featured_image_class | compare.Default "cover bg-top" }}
  <header class="{{ $featured_image_class }}" style="background-image: url('{{ $featured_image }}');">
    {{ $cover_dimming_class := site.Params.cover_dimming_class | compare.Default "bg-black-60" }}
    <div class="{{ $cover_dimming_class }}">
      <div class="site-navigation">
        {{ partials.Include "site-navigation.html" . }}
      </div>
      <div class="tc-l pv4 pv6-l ph3 ph4-ns">
        <h1 class="f2 f-subheadline-l fw2 white-90 mb0 lh-title">
          {{ .Title | compare.Default .Site.Title }}
        </h1>
        {{ with .Params.description }}
          <h2 class="fw1 f5 f3-l white-80 measure-wide-l center mt3">
            {{ . }}
          </h2>
        {{ end }}
      </div>
    </div>
  </header>
{{ else }}
  {{ $bg := .Site.Params.background_image }}
  {{ $fullscreen := .Site.Params.background_fullscreen }}
  <header class="site-header{{ if $fullscreen }} site-header-fullscreen{{ end }}"{{ if $bg }} style="background-image: url('{{ $bg }}');"{{ end }}>
    <div class="site-navigation">
      {{ partials.Include "site-navigation.html" . }}
    </div>
    <div>
      <h1>{{ .Title | compare.Default .Site.Title }}</h1>
      {{ with .Params.description }}
        <h2>{{ . }}</h2>
      {{ end }}
    </div>
  </header>
{{ end }}